<script setup lang="ts">
import { defineProps } from "vue";

const props = defineProps<{
  name?: string
  age?: number
  gender?: string
}>()
</script>

<template>
  <div class="hm-content">
    <h2>这是火箭</h2>
    <p>{{ name }}</p>
    <p>{{ age }}</p>
    <p>{{ gender }}</p>
  </div>
</template>

<style scoped>
.hm-content {
  height: 600px;
  background-color: #dba348;
}
p{
  font-size: 50px;
  font-weight: 600;
}
</style>